﻿/*===========================公用部分按钮模块===============================*/

/*按钮*/
/**@common
 * 按钮类 */
.btn{display:inline-block;*display:inline;*zoom:1;vertical-align:top;white-space:nowrap;}
.btn *{display:block;_display:inline;_zoom:1;text-align:center;cursor:pointer;font-weight:normal;font-style:normal;font-family:宋体;}
.btn a:hover{text-decoration:none;}
.btn button{font-size:12px;padding:0;margin:0;background:none;border:none;padding-right:2px \9;overflow:visible;}
.btn button::-moz-focus-inner{border:0;padding:0;}
.btn .default span,
.btn .default em{background-repeat:no-repeat;color:#fff;}
.btn .default span{padding-right:10px;background-position:100% -40px;}
.btn .default em{padding-left:10px;background-position:0 0;}
.btn .default:hover span,
.btn .default.hover span{background-position:100% -120px;}
.btn .default:hover em,
.btn .default.hover em{background-position:0 -80px;}
.btn .default:active span,
.btn .default.active span{background-position:100% -200px;}
.btn .default:active em,
.btn .default.active em{background-position:0 -160px;}
.btn .default.disabled span{background-position:100% -280px;}
.btn .default.disabled em{background-position:0 -240px;}
.btn .default.disabled b{color:#ccc;}
.btn .default.disabled,
.btn .default.disabled *{cursor:default;}
.btn .default.loading b{background:url(http://{_IMG_HOST_}/pici/loading.gif) no-repeat 50% 50%;}
.btn .default.loading i{visibility:hidden;}

.btn_ok_s .default span,
.btn_ok_s .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_ok_s.png);}
.btn_ok_s .default b{line-height:21px;padding:0 3px;}
.btn_ok_m .default span,
.btn_ok_m .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_ok_m.png);}
.btn_ok_m .default b{line-height:24px;padding:1px 10px 0;*line-height:25px;*padding-top:0;}
.btn_ok_b .default span,
.btn_ok_b .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_ok_b.png);}
.btn_ok_b .default b{line-height:28px;padding:1px 14px 0;*line-height:29px;*padding-top:0;font-size:14px;}
.btn_ok_l .default span,
.btn_ok_l .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_ok_l.png);}
.btn_ok_l .default b{line-height:32px;padding:1px 27px 0;*line-height:33px;*padding-top:0;font-size:14px;}
.btn_cancel_m .default span,
.btn_cancel_m .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_cancel_m-1.png);}
.btn_cancel_m .default b{line-height:24px;padding:1px 10px 0;*line-height:25px;*padding-top:0;color:#333;}
.btn_cancel_b .default span,
.btn_cancel_b .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_cancel_b-1.png);}
.btn_cancel_b .default b{line-height:28px;padding:1px 14px 0;*line-height:29px;*padding-top:0;font-size:14px;color:#333;}
.btn_cancel_l .default span,
.btn_cancel_l .default em{background-image:url(http://{_IMG_HOST_}/pici/btn_cancel_l-1.png);}
.btn_cancel_l .default b{line-height:32px;padding:1px 27px 0;*line-height:33px;*padding-top:0;font-size:14px;color:#333;}

	/*按钮有几种状态的.特别的按钮*/
.ui_status{display:inline-block;*display:inline;zoom:1;vertical-align:middle;}
.ui_status .status_item{_position:relative;zoom:1;}
.ui_status .status_item,.ui_status .status_item span{display:block;}
.ui_status .status_item:hover{text-decoration:none;}
/*关注，互相关注，喜欢，评论，编辑，增加，删除，操作*/
.b_concern,
.b_concerned,
.b_eachOther,
.b_visited{margin-right:3px;}
.b_concern_b,
.b_concerned_b,
.b_eachOther_b{margin-right:5px;}
/*关注过*/
.spr_btn .status_item{overflow:hidden;font-family:宋体;background-image:url(http://{_IMG_HOST_}/pici/spr_btn-22.png);_background-image:url(http://{_IMG_HOST_}/pici/spr_btn-ie6-22.png);background-repeat:no-repeat;text-indent:-9999px;}
/*
.b_concern_b .status_item{background-position:-300px -120px;width:75px;height:25px;line-height:25px;color:#666; text-align:center; text-indent:18px;}
.b_concern_b .status_item:hover{background-position:-300px -150px;}
.b_concern_b .status_item:active{background-position:-300px -180px;}
.b_concern_b .clicked:hover,.b_concern_b .clicked{background-position:-210px -450px;}
*/

.b_concern_b .status_item{background-position:-120px -450px;width:68px;height:25px;line-height:25px;color:#666; text-align:center; text-indent:0;}
.b_concern_b .status_item:hover{background-position:-120px -480px;}
.b_concern_b .status_item:active{background-position:-210px -450px;}
.b_concern_b .clicked:hover,.b_concern_b .clicked{background-position:-210px -450px;}

.b_concern .status_item{font-family:arial;text-indent:0;background-position:-257px -720px;width:72px;height:23px;color:#333;line-height:23px; text-align:center}
.b_concern .status_item:hover{background-position:-257px -750px;}
.b_concern .clicked:hover,.b_concern .clicked{background-position:-257px -750px;}

.b_concerned_b .status_item{background-position:-331px -720px;width:69px;height:25px;}
.b_concerned_b .status_item:hover{background-position:-331px -750px;}
.b_concerned_b .clicked:hover,.b_concerned_b .clicked{background-position:-331px -780px;}

.b_concerned .status_item{background-position:-200px -360px;width:63px;height:23px;}
.b_concerned .status_item:hover{background-position:-200px -390px;}
.b_concerned .clicked:hover,.b_concerned .clicked{background-position:-200px -420px;}

.b_visited .status_item{ background-position:-180px -150px; width:72px; height:23px;}
.b_visited .status_item:hover{background-position:-180px -180px;}
.b_visited .status_item{text-indent:28px;}
/*转帖*/
.b_repaste{margin-right:3px;margin-left:5px;vertical-align:top;}
.b_repaste .status_item{ background-position:-270px -120px; width:64px; height:23px;}
.b_repaste .status_item:hover{background-position:-270px -150px;}
.b_repaste .status_item:active{background-position:-270px -180px;}

.b_tip_closed{width:8px; height:8px;background-position:-50px -25px; top:7px; right:7px;}
/*互相关注*/
.b_eachOther_b .status_item{background-position:0 -510px;width:91px;height:25px;}
.b_eachOther_b .status_item:hover{background-position:0 -540px;}
.b_eachOther_b .clicked:hover,.b_eachOther_b .clicked{background-position:0 -570px;}

.b_eachOther .status_item{background-position:-300px -360px;width:92px;height:23px;}
.b_eachOther .status_item:hover{background-position:-300px -390px;}
.b_eachOther .clicked:hover,.b_eachOther .clicked{background-position:-300px -420px;}
/*操作*/
.b_opt_b .status_item{background-position:-56px -240px;width:36px;height:25px;}
.b_opt_b .status_item:hover{background-position:-56px -270px;}
.b_opt_b .clicked:hover,.b_opt_b .clicked{background-position:-56px -300px;}

.b_opt .status_item{background-position:-266px -360px;width:29px;height:23px;}
.b_opt .status_item:hover{background-position:-266px -390px;}
.b_opt .clicked:hover,.b_opt .clicked{background-position:-266px -420px;}
/*x删除*/
.b_delX .status_item{background-position:-275px -600px;width:25px;height:25px;}
.hover .b_delX .status_item{background-position:-275px -630px;}
.b_delX .status_item:hover{background-position:-275px -660px;}
.b_delX .clicked:hover,.b_delX .clicked{background-position:-275px -690px;}
/*按列排列按钮*/
.b_galery .status_item{background-position:-200px -510px;width:23px;height:21px;}
.b_galery .status_item:hover{background-position:-200px -540px;}
.b_galery .clicked:hover,.b_galery .clicked{background-position:-200px -570px;}
/*按表格排列按钮*/
.b_list .status_item{background-position:-230px -510px;width:23px;height:21px;}
.b_list .status_item:hover{background-position:-230px -540px;}
.b_list .clicked:hover,.b_list .clicked{background-position:-230px -570px;}
/*返回上一步*/
.b_goback .status_item{background-position:-257px -510px;width:26px;height:16px;}
.b_goback .status_item:hover{background-position:-257px -540px;}
.b_goback .clicked:hover,.b_goback .clicked{background-position:-257px -570px;}
/*搜索*/
.b_search .status_item{background-position:-300px -510px;width:25px;height:25px;}
.b_search .status_item:hover{background-position:-300px -540px;}
.b_search .clicked:hover,.b_search .clicked{background-position:-300px -570px;}
/*位置*/
.b_site .status_item{background-position:-350px -510px;width:37px;height:18px;}
.b_site .status_item:hover{background-position:-350px -540px;}
.b_site .clicked:hover,.b_site .clicked{background-position:-350px -570px;}
/*select*/
.btn_slct .status_item{background-position:-350px -600px;width:24px;height:24px;}
.btn_slct .status_item:hover{background-position:-350px -630px;}
.btn_slct .clicked:hover,.btn_slct .clicked{background-position:-350px -660px;}
/*add*/
.b_add .status_item{background-position:-180px -797px;width:29px;height:29px;}
.b_add .status_item:hover{background-position:-180px -867px;}
.b_add .clicked:hover,.btn_add .clicked{background-position:-180px -902px;}
/*minus减*/
.b_minus .status_item{background-position:-221px -797px;width:29px;height:29px;}
.b_minus .status_item:hover{background-position:-221px -867px;}
.b_minus .clicked:hover,.b_minus .clicked{background-position:-221px -902px;}
/*select*/
.select_wrap{font-size:12px;height:22px;border:1px solid #bbb;vertical-align:middle;position:relative;display:inline-block;*display:inline;*zoom:1;*margin-right:5px;background:#fff;}
.select_wrap .btn_slct{top:-1px;right:-1px;position:absolute;}
.select_wrap .selected{padding:0 25px 0 5px;line-height:22px;min-width:32px;_width:32px;white-space:nowrap;color:#535353;}
/*add宝贝*/
.b_addBaby .status_item{background-position:-255px -810px;width:70px;height:29px;}
.b_addBaby .status_item:hover{background-position:-255px -840px;}
.b_addBaby .clicked:hover,.btn_add .clicked{background-position:-255px -870px;}
/*在线拍照*/
.b_tkphoto .status_item{background-position:0 -900px;width:105px;height:31px;}
.b_tkphoto .status_item:hover{background-position:0 -935px;}
.b_tkphoto .clicked:hover,.b_tkphoto .clicked{background-position:0 -969px;}
/*b_camera*/
.b_camera .status_item{background-position:-338px -810px;width:62px;height:28px;}
.b_camera .status_item:hover{background-position:-338px -840px;}
.b_camera .clicked:hover,.b_camera .clicked{background-position:-338px -870px;}
/*at*/
.b_at .status_item{display:inline-block;*display:inline;border:1px solid #c9c9c9;padding:4px 9px;line-height:1.2;color:#333;vertical-align:middle;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
	background:-webkit-linear-gradient(#f7f7f7,#F0EFED);
	background:-moz-linear-gradient(top, #f7f7f7,#F0EFED);
	background:-ms-linear-gradient(#f7f7f7,#F0EFED);
	background:-o-linear-gradient(#f7f7f7,#F0EFED);
	background:linear-gradient(#f7f7f7,#F0EFED);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#F0EFED', GradientType=0);}
.b_at .status_item:hover{background-position:-338px -840px;}
.b_at .clicked:hover,.b_at .clicked{background-position:-338px -870px;}
/*好友*/
.b_frdCls .status_item{width:125px;height:33px;color:#333;line-height:32px;padding:0 10px 0 28px;margin:0 0 8px 14px;background-position:0px -795px;text-indent:0;cursor:pointer;}
.b_frdCls .status_item:hover,.b_frdCls .hover{background-position:0px -830px;}
.b_frdCls .clicked:hover,.b_frdCls .clicked{background-position:0px -865px; color:#fff;}
.b_frdCls .clicked span.c9{color:#fff;}
.b_frdCls .m_edit{width:10px;height:10px;top:11px;left:95px;background-position:-175px -50px;}
.b_frdCls .m_del{width:8px;height:8px;top:12px;left:112px;background-position:-225px -50px;}
.b_frdCls .hover .m_edit,.b_frdCls .hover .m_del{visibility:inherit;}
.b_frdCls .clicked .m_edit{background-position:-200px -50px;}
.b_frdCls .clicked .m_del{background-position:-250px -50px;}
/*删除*/
.b_del .status_item{background-position:-350px 0;height:22px;width:22px;}
.b_del .status_item:hover{background-position:-350px -30px;}
.b_del .clicked,.b_del .clicked:hover{background-position:-350px -60px;}

.b_del_s .status_item{background-position:-382px 0;height:18px;width:19px;}
.b_del_s .status_item:hover{background-position:-382px -30px;}
.b_del_s .clicked,.b_del_s .clicked:hover{background-position:-382px -60px;}
/*添加好友*/
.b_addfrd .status_item{background-position:-120px -935px;height:27px;width:88px;}
.b_addfrd .status_item:hover{background-position:-120px -965px;}
.b_addfrd .clicked,.b_addfrd .clicked:hover{background-position:-120px -995px;}
/*绑定账号*/
.b_bind_s .status_item{background-position:-210px -935px;height:23px;width:75px;}
.b_bind_s .status_item:hover{background-position:-210px -960px;}
.b_bind_s .clicked,.b_bind_s .clicked:hover{background-position:-210px -990px;}

.b_bind .status_item{background-position:-293px -900px;height:31px;width:107px;}
/*离开回复*/
.b_leave .status_item{background-position:0 -1020px;height:18px;width:19px;}
.b_leave .status_item:hover{background-position:0 -1050px;}
.b_leave .clicked,.b_leave .clicked:hover{background-position:0 -1080px;}

.b_recover .status_item{background-position:-25px -1020px;height:18px;width:19px;}
.b_recover .status_item:hover{background-position:-25px -1050px;}
.b_recover .clicked,.b_recover .clicked:hover{background-position:-25px -1080px;}
/*上传头像，换新头像*/
.b_uphead .status_item{background-position:-50px -1025px;width:107px;height:33px;}
.b_uphead .status_item:hover{background-position:-50px -1061px;}
.b_uphead .clicked,.b_uphead .clicked:hover{background-position:-50px -1097px;}
.b_uphead .disabled,.b_uphead .disabled:hover{cursor:default;background-position:-50px -1133px;}

.b_rfhead .status_item{background-position:-160px -1025px;width:107px;height:33px;}
.b_rfhead .status_item:hover{background-position:-160px -1061px;}
.b_rfhead .clicked,.b_rfhead .clicked:hover{background-position:-160px -1097px;}
.b_rfhead .disabled,.b_rfhead .disabled:hover{cursor:default;background-position:-160px -1133px;}

.b_import .status_item{background-position:-293px -1110px;width:107px;height:33px;}
.b_import .status_item:hover{background-position:-293px -1146px;}
.b_import .status_item:active{background-position:-293px -1182px;}
.b_import .disabled,.b_import .disabled:hover{cursor:default;background-position:-293px -1218px;}
/*关注格架（蓝白）*/
.b_attention .status_item{background-position:0px -120px;width:62px;height:23px;}
.b_attention .status_item:hover{background-position:0px -150px;}
.b_attention .status_item:active{background-position:0px -180px;}

/*屏蔽格架*/
.b_attention_dis .status_item{background-position:-75px -120px;width:86px;height:23px;}
.b_attention_dis .status_item:hover{background-position:-75px -150px;}
.b_attention_dis .status_item:active{background-position:-75px -180px;}
/*屏蔽格架小*/
.b_shield-s .status_item{background-position:-210px -1170px;width:14px;height:20px;}
.b_shield-s .status_item:hover{background-position:-210px -1200px;}
.b_shield-s .status_item:active{background-position:-210px -1230px;}
/*下载按钮*/
.b_download .status_item{background-position:-108px -1260px;width:101px;height:28px;}
.b_download .status_item:hover{background-position:-108px -1290px;}
.b_download .status_item:active{background-position:-108px -1320px;}
/*举报按钮*/
.b_report .status_item{background-position:-250px -1170px;width:18px;height:18px;}
.b_report .hover,.b_report .status_item:hover{background-position:-250px -1200px;}
.b_report .clicked,.b_report .clicked:hover{background-position:-250px -1230px;}

/*几种特殊按钮*/
.btn_opt, .btn_opt span {vertical-align:top;color:#333;text-align:center;background-image:url("http://{_IMG_HOST_}/shopi/btn_grey_bg.png"); background-repeat:no-repeat;font-size:12px;display:inline-block;zoom:1;height:23px;line-height:23px;}
.btn_opt{background-position:100% 0;padding-right:7px;}
.btn_opt span {padding-left:7px; background-position:0 -26px;}
.btn_opt .m_add{margin:-2px 1px 0 0;height:12px;}
.btn_opt,.btn_opt:hover{text-decoration:none;}

.btn_opt2, .btn_opt2 span{line-height:27px;*height:27px;background:url("http://{_IMG_HOST_}/shopi/btn_grey_bg2.png") no-repeat;font-size:12px;color:#666;display:inline-block;zoom:1;}
.btn_opt2{background-position:0 -30px;padding-left:10px;}
.btn_opt2 span {padding-right:10px; background-position:100% 0;vertical-align:top;}
.btn_opt2 .i_arrow{background-position:-50px -25px;width:7px;height:4px;}
.btn_opt2,.btn_opt2:hover{text-decoration:none;}
.btn_opt2 b{font-weight:normal;}
.btn_opt3, .btn_opt3 span {vertical-align:top; background-image:url("http://{_IMG_HOST_}/shopi/btn_grey_bg3.png"); background-repeat:no-repeat;font-size:12px;display:inline-block;zoom:1;height:23px;line-height:23px;color:#666;}
.btn_opt3{background-position:0 -26px;padding-left:10px;}
.btn_opt3 span {padding-right:10px; background-position:100% 0;}
.btn_opt3,.btn_opt3:hover{text-decoration:none;}

.b_action  .status_item{width:121px;height:32px;background-position:0 -120px;}
.b_action  .status_item:hover{background-position:0 -160px;}
.b_action  .clicked:hover,.b_action  .clicked{background-position:0 -200px;}

.btn_grey{display:inline-block;zoom:1;*display:inline;border:1px solid #c9c9c9;padding:4px 16px 6px;line-height:19px;color:#333;font-size:14px;vertical-align:middle;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
	background:-webkit-linear-gradient(#f7f7f7,#F0EFED);
	background:-moz-linear-gradient(top, #f7f7f7,#F0EFED);
	background:-ms-linear-gradient(#f7f7f7,#F0EFED);
	background:-o-linear-gradient(#f7f7f7,#F0EFED);
	background:linear-gradient(#f7f7f7,#F0EFED);
	background:#f7f7f7 \0;
	}
.btn_grey:hover{background:#efefef;text-decoration:none;}
.btn_grey:active,.btn_grey_on,.btn_grey_on:hover{filter:none;background:#e3e3e3;border-color:#b9b9b9;text-decoration:none;}
.btn_grey .m_add{background-position:-25px -150px;margin-right:5px;width:12px;height:13px;}
.btn_grey_s{padding:6px 12px;line-height:14px;color:#666;font-size:12px;}
.btn_grey_m{padding:3px 9px 4px;line-height:14px;color:#666;font-size:12px;}
.btn_grey_s .m_add{background-position:0px -150px;width:10px;height:12px;}
/*灰色按钮*/
.dis_btn{display:inline-block;zoom:1;padding:2px 15px;border:1px solid #e8e8e8;background:#f5f5f5;
	-wbkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
	
	/*操作*/
.btn_opt .status_item{padding:3px 7px 6px;border:1px solid #fff;color:#666;height:16px;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	background:#fff;}
.btn_opt .status_item:hover{border-color:#ccc;text-decoration:none;color:#0192B5;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7),to(#F0EFED));  
	background: -moz-linear-gradient(top, #F7F7F7, #F0EFED 100%);
	background:#f0efed \9;}
.btn_opt .i_arrow_toggle_s{background-position:-200px -75px;}
.btn_opt .status_item:hover .i_person_b{background-position:-125px -300px;}
.btn_opt .clicked,.btn_opt .clicked:hover{border-color:#0192B5 #0F98B9 #0192B5 #0293B5;background:#1A9DBC;color:#fff;}
.btn_opt .clicked .i_person_b,.btn_opt .clicked:hover .i_person_b{background-position:-125px -275px;}
.btn_opt .clicked .i_arrow_toggle_s,.btn_opt .clicked:hover .i_arrow_toggle_s{background-position:-200px -100px;}
	/*创建新分组*/
.addgroup_btn{display:inline-block;*display:inline;zoom:1;line-height:18px;background:url(http://{_IMG_HOST_}/pici/grey_gradient.png) repeat-x;padding:3px 10px;border:1px solid #ccc;color:#333;
	-webkit-box-shadow: 0 1px 0 #e6e6e6;-moz-box-shadow: 0 1px 0 #e6e6e6;box-shadow: 0 1px 0 #e6e6e6;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
	/*btn 有圆圈加的*/
.btn_add{border:1px solid #C9C9C9;color:#333;line-height:18px;display:inline-block;*display:inline;zoom:1;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7),to(#F0EFED));  
	background: -moz-linear-gradient(top, #F7F7F7, #F0EFED 100%);
	background:#f0efed \9;}
.btn_add span{padding:3px 10px 4px;line-height:18px;height:18px;color:#666;display:block;}
.btn_add:hover{text-decoration:none;}

	/*act button*/
.act_btn,
.act_btn .default{display:inline-block;*display:inline;*zoom:1;overflow:hidden;}
.act_btn .default{width:63px;height:26px;outline:none;}
.act_btn i{display:block;width:450px;height:600px;background:url(http://{_IMG_HOST_}/pici/spr_piccard_btn-7.png) no-repeat;_background:url(http://{_IMG_HOST_}/pici/spr_piccard_btn-ie6-7.png) no-repeat;}
.asd{margin:0;}
.act_btn .default:hover i{margin-left:-100px;}
.act_btn .default:active i{margin-left:-200px;}
.act_btn .clicked i{margin-left:-200px!important;}
.act_btn .disabled i{margin-left:-300px!important;}
.act_collect{margin-right:2px;}
.act_collect i{margin-top:0;}
.act_like i{margin-top:-40px;}
.act_delete_gray i{margin-top:-439px;}
.act_comment i{margin-top:-80px;}
.act_edit i{margin-top:-120px;}
.act_set .default{width:11px;height:25px;}
.act_set i{margin-top:-160px;}
.act_delete .default,
.act_edit_color .default,
.act_modify .default{width:64px;height:23px;}
.act_delete i{margin-top:-200px;}
.act_edit_color i{margin-top:-240px;}
.act_add_collect .default{width:86px;height:23px;}
.act_add_collect i{margin-top:-280px;}
.act_modify i{margin-top:-400px;}

.act_more .default{width:139px;height:32px;}
.act_more i{margin-top:-320px;}
.act_more_lit .default{width:117px;height:32px;}
.act_more_lit i{margin-top:-360px;}
.act_more .default:hover i,
.act_more_lit .default:hover i{margin-left:-150px;}
.act_more .default:active i,
.act_more_lit .default:active i{margin-left:-300px;}
/*未登录状态下分享图层背景*/
.unlogic_act_btn .share_icons{background-image:url(http://{_IMG_HOST_}/pici/unlogic_share_bg.png);_background-image:url(http://{_IMG_HOST_}/pici/unlogic_share_bg-ie6.png);}
/*去首页不可点*/
.goto_index_dis{ background-position:-180px -90px;display:inline-block; width:80px; height:29px;}
